<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/info-mgt.css" />
<link rel="stylesheet" href="css/WdatePicker.css" />
<link rel="stylesheet" href="css/info-reg.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script src="layui/layui.js"></script>
<title>天宫智能办公系统</title>
</head>
<body>
<div class="title">
  <h2>添加角色</h2>
</div>

<div class="main">
	<p class="short-input ue-clear newstyle">
    	<label>角色名称：</label>
        <input type="text" class="h-input-hy" placeholder="角色名称 "style="width:88%">
    </p>
    <p class="long-input ue-clear newstyle">
    	<label>文章类别：</label>
        <select style="width:88%; padding:0 10px; height:28px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-o-box-sizing:border-box;">
        <option value="0">写作</option>
        <option value="1">阅读</option>
        <option value="2">游戏</option>
        <option value="3">音乐</option>
        <option value="4">旅行</option>
        </select>
    </p>
    <p class="short-input ue-clear newstyle">
    	<label>是否开启：</label>
        <span style="float:left;margin:0"><input type="radio" checked="checked" name="name" style="width:20px; margin-top:7px"><span style="margin:0">是</span></span>
        <span style="float:left;margin:0"><input type="radio" name="name" style="width:20px;margin-top:7px"><span style="margin:0">否</span></span>
    </p>
    <p class="long-input ue-clear newstyle">
    	<label class="layui-form-label">角色描述：</label>
        <textarea style="height:250px; width:88%; padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-o-box-sizing:border-box;"></textarea>
    </p>
    
    <div style="padding-left:25px; margin-top:20px">
    <div class="btn-boxs1">
      <button class="btne1">立即提交</button>
      <button class="btne1">重置</button>
    </div>
  </div>
</div>
</body>
</html>
